#{extends 'layout.html' /}
#{set title:messages.get('plan.list.title') /}

<div id="crudList" class="${type.name}">
	
	<h2 id="crudListTitle">&{'crud.list.title', 'plan.list.title'}</h2>
	#{ifErrors}
		<div class="crudFlash flashError">
			#{error 'dietas' /}
		</div>
	#{/ifErrors}
	#{if totalCount <= 0}
		<div class="crudFlash flashError">
			&{'plan.sinPlanes'}
		</div>
	#{/if}
	
	#{if totalCount > 0}
		<div id="crudListTable">
			#{crud.table fields:['nombre', 'tipo', 'fechaInicio', 'fechaFin', 'caloriasDiarias', 'estado']
						, sort: ['nombre', 'tipo', 'fechaInicio', 'fechaFin', 'caloriasDiarias', 'estado']}
					
					#{crud.custom 'nombre'}
						<a href="@{Plans.show(object.id)}">
							${object.nombre}
						</a>					
					#{/crud.custom}
					
					#{crud.custom 'fechaInicio'}
						${object.fechaInicio?.format('dd/MM/yyyy')}
					#{/crud.custom}
					
					#{crud.custom 'fechaFin'}
						${object.fechaFin?.format('dd/MM/yyyy')}
					#{/crud.custom}
					
					#{crud.custom 'estado'}
						<div class="contenedor_funciones">
							#{if object.estado.toString().equals("ACTIVO")}
								<img class="funciones" alt="${object.estado.toString()}" src="/public/images/icons/funciones/activo.png" title="${object.estado.toString()}"/>
							#{/if}
							#{else}
								<img class="funciones" alt="${object.estado.toString()}" src="/public/images/icons/funciones/inactivo.png" title="${object.estado.toString()}"/>
							#{/else}
							
							<a href="@{Plans.cambiarEstado(object.id)}"><img class="funciones" alt="&{'plan.cambiarEstado'}" src="/public/images/icons/funciones/cambiar.png" title="&{'plan.cambiarEstado'}"/></a>
						</div>
					#{/crud.custom}
			#{/crud.table}
		</div>
	#{/if}
	
	<div id="crudListAdd" class="btn">
		<a href="@{Plans.newPlan1(pacienteId)}">
			&{'crear', type.modelName}
		</a>
	</div>
 
</div>